<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>艾绒银行注册页面</title>

	<%-- 静态包含 base标签、css样式、jQuery文件 --%>
	<%@ include file="/common/head.jsp"%>


	<script type="text/javascript">
		// 页面加载完成之后
		$(function () {
			// 给注册绑定单击事件
			$("#sub_btn").click(function () {

				// 验证密码：必须由字母，数字下划线组成，并且长度为5到12位
				//1 获取用户名输入框里的内容
				var passwordText = $("#payPassword").val();
				//2 创建正则表达式对象
				var passwordPatt = /^\d{6}$/;
				//3 使用test方法验证
				if (!passwordPatt.test(passwordText)) {
					//4 提示用户结果
					$("span.errorMsg").text("密码不合法！");

					return false;
				}

				// 验证确认密码：和密码相同
				//1 获取确认密码内容
				var repwdText = $("#repwd").val();
				//2 和密码相比较
				if (repwdText != passwordText) {
					//3 提示用户
					$("span.errorMsg").text("确认密码和密码不一致！");

					return false;
				}


			});


		});

	</script>
	<style type="text/css">
		.login_form{
			height:420px;
			margin-top: 25px;
		}

	</style>
</head>
<body>

<br/>
<br/>
<br/>
<br/>
<div class="login_banner">

	<div id="content">
		<div class="login_form">
			<div class="login_box">
				<br>
				<div class="tit">
					<h1>设置支付密码</h1>
					<span class="errorMsg">
						${ requestScope.msg }
					</span>
				</div>
				<br>
				<br>
				<div class="form">
					<form action="/accountServlet" method="post">
						<input type="hidden" name="action" value="setPayPassword">

						<label>请设置密码：</label>
						<input class="itxt" type="password" placeholder="请输入支付密码"
							   autocomplete="off" tabindex="1" name="payPassword" id="payPassword" />
						<br />
						<br />
						<br />
						<br />
						<label>确认密码：</label>
						<input class="itxt" type="password" placeholder="再次输入支付密码"
							   autocomplete="off" tabindex="1" name="repwd" id="repwd" />
						<br />
						<br />
						<br />
						<br />
						<input type="submit" value="确定设置" id="sub_btn" />
					</form>
				</div>

			</div>
		</div>
	</div>
</div>

<%--静态包含页脚内容--%>
<%@include file="/common/footer.jsp"%>


</body>
</html>